<!DOCTYPE html>
<html>
	<head>
		<!-- 视频 -->
		<!-- <video src=""></video> -->
		<meta charset="utf-8" />
		<title>淘宝</title>
		<link rel="icon" href="./img/tb.ico" />
		<link rel="stylesheet" href="./css/new_file.css" />
		<!-- 引入iconfont字体图标库 -->
		<link rel="stylesheet" href="./iconfont/iconfont.css" />
	</head>
	<body>
		<div class='nav'>
			<ul class='nav-left'>
				<li class="nav-relative">
					<a href="">中国大陆</a>
					<span class="iconfont icon-xiajiantou"></span>
					<div class="down-list">
						<ul>
							<li><a href="">全球</a>
							</li>
							<li><a href="">中国大陆</a>
							</li>
							<li><a href="">中国香港</a>
							</li>
							<li><a href="">中国台湾</a>
							</li>
							<li><a href="">中国澳门</a>
							</li>
							<li><a href="">马来西亚</a>
							</li>
							<li><a href=""> 澳大利亚</a>
							</li>
							<li><a href=""> 新加坡</a>
							</li>
							<li><a href="">新西兰</a>
							</li>
							<li><a href="">加拿大</a>
							</li>
							<li><a href="">日本</a>
							</li>
						</ul>
					</div>
					   
				</li>
				<li>
					<a href="">游客k423</a>
					<span class="iconfont icon-xiajiantou"></span>
				</li>
				<li>
					<a href="">网页无障碍</a>
				</li>
				<li>
					<a href="">切换企业版</a>
				</li>
				<li>
					<a href="">选择主题</a>
					<span class="iconfont icon-xiajiantou"></span>
				</li>
			</ul>
			<ul class='nav-right'>
				<li>
					<a href="">已买到的宝贝</a>
				</li>
				<li class="nav-relative" 
					onmouseover='showDl()'
					onmouseout='hideDl()'
				>
					<a href="">我的淘宝</a>
					<span class="iconfont icon-xiajiantou"></span>
					
					<!-- 下拉列表 -->
					<div class="down-list"  id='down-list'>
						<ul>
							<li><a href="">我的足迹</a>
							</li>
							<li><a href="">我的卡券包</a>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<span class="iconfont icon-gouwuchefill"></span>
					<a href="">购物车</a>
					<span>44</span>
				</li>
				<li class="nav-relative">
					<span class="iconfont icon-shoucang"></span>
					<a href="">我的收藏</a>
					<span class="iconfont icon-xiajiantou"></span>
					<div class="down-list">
						<ul>
							<li><a href="">收藏的宝贝</a>
							</li>
							<li><a href="">收藏的店铺</a>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="">商品分类</a>
				</li>
				<li class="nav-relative">
					<a href="">免费开店</a>
					<span class="iconfont icon-xiajiantou"></span>
					<div class="down-list">
						<ul>
							<li><a href="">天猫开店</a>
							</li>
							
						</ul>
					</div>
					
					
				</li>
				<li class="nav-relative">
					<a href="">千牛卖家中心</a>
					<span class="iconfont icon-xiajiantou"></span>
					<div class="down-list">
						<ul>
							<li><a href="">开店入驻</a>
							</li>
							<li><a href="">已卖出的宝贝</a>
							</li>
							<li><a href="">出售中的宝贝</a>
							</li>
							<li><a href="">卖家服务市场</a>
							</li>
							<li><a href="">卖家培训中心</a>
							</li>
							<li><a href="">体检中心</a>
							</li>
							<li><a href="">电商学习中心</a>
							</li>
							
						</ul>
					</div>
				</li>
				<li class="nav-relative">
					<a href="">帮助中心</a>
					<span class="iconfont icon-xiajiantou"></span>
					<div class="down-list">
						<ul>
							<li><a href="">官方客服</a>
							</li>
							<li><a href="">商家客服</a>
							</li>
							<li><a href="">消息中心</a>
							</li>
							<li><a href="">意见反馈</a>
							</li>
							<li><a href="">举报中心</a>
							</li>
						</ul>
					</div>
					
				</li>
			</ul>
		</div>
		<!-- 广告 -->
		<div class='ad'>
			<a href="">
				<img src="./img/ad.png" alt="" />
			</a>
		</div>
		<!-- 搜索 -->
		<div class='bigbox'>
			<div class='search-box'>
				<a href="" class='s-logo'>
					<img src="./img/logo.png" alt="" />
				</a>
				<div class='s-input'>
					<div class='input-box'>
						<select>
							<option value="">宝贝</option>
							<option value="">天猫</option>
							<option value="">店铺</option>
						</select>
						<input type="text" />
						<button>搜索</button>
					</div>
					<div class='input-link'>
						<a href="">服饰清仓不只5折</a>
						<a href="">抽iPhone </a>
						<a href="">去班味 </a>
						<a href="">男士游泳裤</a>
						<a href="">儿童游泳衣 </a>
						<a href="">拉丁舞服装 </a>
						<a href="">秋冬新款女装 </a>
						<a href="">迪卡依旗舰店</a>
						<a href="">女士胸罩 </a>
						<a href="">秋冬加厚卫衣</a>
					</div>
				</div>
				<a href="" class='s-ad'>
					<img src="./img/ad.gif" alt="" />
				</a>
			</div>
		</div>
		<!-- 标题 -->
		<div class='title-list bigbox'>
			<ul>
				<li>
					<a href="" style='color:#fb17b3;'>天猫</a>
				</li>
				<li>
					<img src="./img/tbzb.gif" alt="" />
					<a href="" style='color:#fb17b3;'>淘宝直播</a>
				</li>
				<li>
					<img src="./img/tbqyg.png" alt="" />
					<a href="" style='color:#fb17b3;'>淘宝企业购</a>
				</li>
				<li>
					<a href="" style='color:#fb17b3;'>司法拍卖</a>
				</li>
				<li>
					<a href="" style='color:limegreen;'>天猫超市</a>
				</li>
				<li>
					<img src="./img/xyjs.gif" alt="" />
					<a href="">闲鱼集市</a>
				</li>
				<li>
					<a href="">天猫国际</a>
				</li>
			</ul>
		</div>
		<!-- 功能面板 -->
		<div class='bigbox'>
			<div class='fun-card'>
				
				
				
				
				<div class='c-left card'>
					<div class="aaa" id="aaa">
						
					</div>
					<!-- 标题 -->
					<div class="card-title">
						<div class="title-left">
							<span>分类</span>
							<img src="img/fenlei.gif" alt="" />
						
						</div>
					
					</div>
					<!-- 内容 -->
					<ul class="ser-nav"  >

					
						
						<li>
							<div class="nav-menou">
								<span class="iconfont icon-bijibendiannao"></span>
								<a href="">电脑</a>
								<span>/</span>
								<a href="">配件</a>
								<span>/</span>
								<a href="">办公</a>
								<span>/</span>
								<a href="">文具</a>
							</div>
							
						</li><li>
							<div class="nav-menou">
								<span class="iconfont icon-bijibendiannao"></span>
								<a href="">电脑</a>
								<span>/</span>
								<a href="">配件</a>
								<span>/</span>
								<a href="">办公</a>
								<span>/</span>
								<a href="">文具</a>
							</div>
							
						</li><li>
							<div class="nav-menou">
								<span class="iconfont icon-gongyepin"></span>
								<a href="">工艺品</a>
								<span>/</span>
								<a href="">配件</a>
								<span>/</span>
								<a href="">工品</a>
								<span>/</span>
								<a href="">文具</a>
							</div>
							
						
							
						</li>
						<li>
							<div class="nav-menou">
								<span class="iconfont icon-bijibendiannao"></span>
								<a href="">电脑</a>
								<span>/</span>
								<a href="">配件</a>
								<span>/</span>
								<a href="">办公</a>
								<span>/</span>
								<a href="">文具</a>
							</div>
							
						</li><li>
							<div class="nav-menou">
								<span class="iconfont icon-bijibendiannao"></span>
								<a href="">电脑</a>
								<span>/</span>
								<a href="">配件</a>
								<span>/</span>
								<a href="">办公</a>
								<span>/</span>
								<a href="">文具</a>
							</div>
							
						</li><li>
							<div class="nav-menou">
								<span class="iconfont icon-bijibendiannao"></span>
								<a href="">电脑</a>
								<span>/</span>
								<a href="">配件</a>
								<span>/</span>
								<a href="">办公</a>
								<span>/</span>
								<a href="">文具</a>
							</div>
							
						</li><li>
							<div class="nav-menou">
								<span class="iconfont icon-bijibendiannao"></span>
								<a href="">电脑</a>
								<span>/</span>
								<a href="">配件</a>
								<span>/</span>
								<a href="">办公</a>
								<span>/</span>
								<a href="">文具</a>
							</div>
							
						</li><li>
							<div class="nav-menou">
								<span class="iconfont icon-bijibendiannao"></span>
								<a href="">电脑</a>
								<span>/</span>
								<a href="">配件</a>
								<span>/</span>
								<a href="">办公</a>
								<span>/</span>
								<a href="">文具</a>
							</div>
							
						</li><li>
							<div class="nav-menou">
								<span class="iconfont icon-bijibendiannao"></span>
								<a href="">电脑</a>
								<span>/</span>
								<a href="">配件</a>
								<span>/</span>
								<a href="">办公</a>
								<span>/</span>
								<a href="">文具</a>
							</div>
							
						</li><li>
							<div class="nav-menou">
								<span class="iconfont icon-bijibendiannao"></span>
								<a href="">电脑</a>
								<span>/</span>
								<a href="">配件</a>
								<span>/</span>
								<a href="">办公</a>
								<span>/</span>
								<a href="">文具</a>
							</div>
							
						</li><li>
							<div class="nav-menou">
								<span class="iconfont icon-bijibendiannao"></span>
								<a href="">电脑</a>
								<span>/</span>
								<a href="">配件</a>
								<span>/</span>
								<a href="">办公</a>
								<span>/</span>
								<a href="">文具</a>
							</div>
							
						</li>
					</ul>
					
					
				</div>
				
				
				
				
				
	
				<div class='c-mid'>
					<div class='mid-big'>
						<div class='big1 card'>
							<img src="img/banner.png" alt="" />
						</div>
						<div class='big2 card'>
							<div class="card-title">
								<div class="title-left">
									<span>百亿补贴 · 买贵必赔</span>
									<img src="img/baiyi.png" alt="" />
								</div>
								<div class="title-right"> 
								<span class="iconfont icon-arrow-right-s-line"></span>
								</div>
							</div>
							<div  class="big-con">
								<ul>
									<li>
										<a href="https://huodong.taobao.com/wow/a/act/tao/dailygroup/22081/22784/wupr?spm=a21bo.jianhua/a.yingxiao.d1_1.51302a89gxulD4&wh_pid=daily-545622&disableNav=YES&status_bar_transparent=true&itemId=827068061813%2C736510683096%2C734310279676%2C674190713300">
											<img src="img/one.png" alt="" />
											<p class="con-price">￥13999</p>
											<p class="com-title">火爆热卖中</p>
										</a>
									</li>
									<li>
										<a href="https://huodong.taobao.com/wow/a/act/tao/dailygroup/22081/22784/wupr?spm=a21bo.jianhua/a.yingxiao.d1_1.51302a89gxulD4&wh_pid=daily-545622&disableNav=YES&status_bar_transparent=true&itemId=827068061813%2C736510683096%2C734310279676%2C674190713300">
											<img src="img/tt.png" alt="" />
											<p class="con-price">￥8999</p>
											<p class="com-title">火爆热卖中</p>
										</a>
									</li>
									<li>
										<a href="https://huodong.taobao.com/wow/a/act/tao/dailygroup/22081/22784/wupr?spm=a21bo.jianhua/a.yingxiao.d1_1.51302a89gxulD4&wh_pid=daily-545622&disableNav=YES&status_bar_transparent=true&itemId=827068061813%2C736510683096%2C734310279676%2C674190713300">
											<img src="img/ttt.png" alt="" />
											<p class="con-price">￥9899</p>
											<p class="com-title">火爆热卖中</p>
										</a>
									</li>
									<li>
										<a href="https://huodong.taobao.com/wow/a/act/tao/dailygroup/22081/22784/wupr?spm=a21bo.jianhua/a.yingxiao.d1_1.51302a89gxulD4&wh_pid=daily-545622&disableNav=YES&status_bar_transparent=true&itemId=827068061813%2C736510683096%2C734310279676%2C674190713300">
											<img src="img/ff.png" alt="" />
											<p class="con-price">￥19899</p>
											<p class="com-title">火爆热卖中</p>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class='mid-sm'>
						<div class='sm1 card'>
							<div class="card-title">
								<div class="title-left">
									<span>淘江湖</span>
									<img src="img/rwrt.png" alt="" />
								</div>
								<div class="title-right"> 
								<span> > </span>
								</div>
								
							</div>
							<div class="sm1-con">
								<div title="晒绝美夕阳照片，分享独家拍摄经验">晒绝美夕阳照片，分享独家拍摄经验</div>
								<div title="淘江湖“琅琊榜” 谁是你心目中的封神作者？">淘江湖“琅琊榜” 谁是你心目中的封神作者？</div>
								<div title="乡村振兴第五期—河北张北县">乡村振兴第五期—河北张北县</div>
								<div title="江西寻乌:以“橙”为媒 点亮乡村振兴路">江西寻乌:以“橙”为媒 点亮乡村振兴路</div>
								<div title="【冬日暖意通勤】—— 探索你的冬日生存手册">冬日暖意通勤】—— 探索你的冬日生存手册</div>
							</div>
						</div>
						<div class='sm2 card'>
							<div class="card-title">
								<div class="title-left">
									<span>淘宝直播</span>
									<img src="img/sssj.png" alt="" />
								</div>
								<div class="title-right"> 
								<span> > </span>
								</div>
								
								<div class="sm2-con">
									<ul>
										<li class="sm2-l1">
											<img src="img/tbzb.gif" alt="" />
											<p>不莱玫旗舰店</p>
										</li>
										<li class="sm2-l2">
											<img src="img/tbzb.gif" alt="" />
											<p>联想官方旗舰</p>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class='sm3 card'>
							<div class="card-title">
								<div class="title-left">
									<span>淘工厂</span>
									<img src="img/cdj.png" alt="" />
								</div>
								<div class="title-right"> 
								<span> > </span>
								</div>
							</div>
							<div class="sm3-con">
								<ul>
									<li>
										<a href="https://huodong.taobao.com/wow/a/act/tao/dailygroup/22081/22784/wupr?spm=a21bo.jianhua/a.yingxiao.d1_1.51302a89gxulD4&wh_pid=daily-545622&disableNav=YES&status_bar_transparent=true&itemId=827068061813%2C736510683096%2C734310279676%2C674190713300">
											<img src="img/s3o.png" alt="" />
											<p class="con-price">￥13999</p>
											<p class="com-title">火爆热卖中</p>
										</a>
									</li><li>
										<a href="https://huodong.taobao.com/wow/a/act/tao/dailygroup/22081/22784/wupr?spm=a21bo.jianhua/a.yingxiao.d1_1.51302a89gxulD4&wh_pid=daily-545622&disableNav=YES&status_bar_transparent=true&itemId=827068061813%2C736510683096%2C734310279676%2C674190713300">
											<img src="img/sm3t.jpg" alt="" />
											<p class="con-price">￥13999</p>
											<p class="com-title">火爆热卖中</p>
										</a>
									</li>
								</ul>
								
							</div>
						</div>
						<div class='sm4 card'>
							<div class="card-title">
								<div class="title-left">
									<span>淘宝秒杀</span>
									<img src="" alt="" />
								</div>
								<div class="title-right"> 
								<span> > </span>
								</div>
							</div>
							<div class="sm4-con">
								<ul>
									<li>
										<a href="https://huodong.taobao.com/wow/a/act/tao/dailygroup/22081/22784/wupr?spm=a21bo.jianhua/a.yingxiao.d1_1.51302a89gxulD4&wh_pid=daily-545622&disableNav=YES&status_bar_transparent=true&itemId=827068061813%2C736510683096%2C734310279676%2C674190713300">
											<img src="img/s3o.png" alt="" />
											<p class="con-price">￥13999</p>
											<p class="com-title">火爆热卖中</p>
										</a>
									</li><li>
										<a href="https://huodong.taobao.com/wow/a/act/tao/dailygroup/22081/22784/wupr?spm=a21bo.jianhua/a.yingxiao.d1_1.51302a89gxulD4&wh_pid=daily-545622&disableNav=YES&status_bar_transparent=true&itemId=827068061813%2C736510683096%2C734310279676%2C674190713300">
											<img src="img/sm3t.jpg" alt="" />
											<p class="con-price">￥13999</p>
											<p class="com-title">火爆热卖中</p>
										</a>
									</li>
								</ul>
								
							</div>
						</div>
					</div>
				</div>
				
				
				
				
				
				

				<div class='c-right card'>
					<div class="login-top">
						<img src="img/xiaowuh.jpg" alt="" />
						<div class="login-hello">
							<h3>下午好</h3>
							<p>
								<a href="">注册</a>
								<span>|</span>
								<a href="">开店</a>
							</p>
						</div>
					</div>
					<h3>&nbsp&nbsp&nbsp&nbsp&nbsp登录淘宝后更多精彩</h3>
					<p style="font-size: 12px;">&nbsp&nbsp&nbsp&nbsp&nbsp嘿！更懂你的推荐，更便捷的搜索</p>
					<button class="but"><b>立即登录</b></button>
					<div class="look">
						<ul>
							<li>
								<span class="iconfont icon-shoucang"></span>
								<p>宝贝收藏</p>
							</li>
							<li>
								<span class="iconfont icon-shoucang"></span>
								<p>买过的店
						</p>
							</li>
							<li>
								<span class="iconfont icon-bijibendiannao"></span>
								<p>收藏的店</p>
							</li>
							<li>
								<span class="iconfont icon-zuji"></span>
								<p>我的足迹</p>
							</li>
						</ul>
						
					</div>
					<table cellpadding='0' cellspacing='0'>
						
						<tr>
							<td>
								<img src="img/td1.png" alt="" />
								<p>云养熊脑</p>
							</td>
							<td>
								<img src="img/td2.png" alt="" />
								<p>1688</p>
							</td>
							<td>
							<img src="img/td3.png" alt="" />
							<p>高德打车</p>
							</td>
							<td>
							<img src="img/td4.png" alt="" />
							<p>摸鱼神器</p>
							</td>
						</tr>
						<tr>
							<td>
							<img src="img/td5.png" alt="" />
							<p>通义AI</p>
							</td>
							<td>
							<img src="img/td6.png" alt="" />
							<p>飞猪旅行</p>
							</td>
							<td>
							<img src="img/td7.png" alt="" />
							<p>阿里资产</p>
							</td>
							<td>
							<img src="img/td8.png" alt="" />
							<p>造点新货</p>
							</td>
						</tr>
					</table>
					
					
				</div>
			</div>
		</div>
		
		
		<!-- 商品列表 -->
		<div class="bigbox">
			<div class="shop-tap">
				<ul>
					<li class="activetap">
						<img src="img/sh1.png" alt="" />
						<span>猜你喜欢</span>
					</li>
					<li>
						<img src="img/sh2.png" alt="" />
						<span>运动户外</span>
					</li>
					<li>
						<img src="img/sh3.png" alt="" />
						<span>馋嘴零食</span>
					</li>
					<li>
						<img src="img/sh4.png" alt="" />
						<span>潮电数码</span>
					</li>
					<li>
						<img src="img/sh5.png" alt="" />
						<span>服饰时尚</span>
					</li>
					<li>
						<img src="img/sh6.png" alt="" />
						<span>家居日用</span>
					</li>
					<li>
						<img src="img/sh7.png" alt="" />
						<span>个护家清</span>
					</li>
					
				</ul>
			</div>
			
			<div class="shop-list">
				<ul>
					<li>
						<img src="img/img1.jpg" alt="" />
						<div class="list-title">
							上海故事羊毛围巾女冬季刺绣披肩送妈妈生日礼物2024新款羊绒礼
						</div>
						<div class="list-desc">
							<span>礼盒装围巾热销榜·第2名</span>
						</div>
						<div class="list-price">
							<span>￥</span>
							<span>159</span>
						</div>
					</li>
					<li>
						<img src="img/img2.jpg" alt="" />
						<div class="list-title">
							安踏速暖羽绒服丨四格三防面包服女冬季保暖防风宽松短款鸭绒外套面包服女冬季保暖防风宽松短
						</div>
						<div class="list-desc">
							<span>跨店每300减30</span>
						</div>
						<div class="list-price">
							<span>￥</span>
							<span>459</span>
						</div>
					</li>
					<li>
						<img src="img/img3.jpg" alt="" />
						<div class="list-title">
							
							<span>珍珠蝴蝶收腰扣对扣可拆卸免钉收腰纽扣牛仔裤腰围改小收腰神器</span>
						</div>
						<div class="list-desc">
							<span>满2件9.5 折满38减3</span>
						</div>
						<div class="list-price">
							<span>￥</span>
							<span>4.9</span>
						</div>
					</li>
					<li>
						<img src="img/img4.jpg" alt="" />
						<div class="list-title">
							
							<span>木耳边半高领针织衫女冬季加绒加厚设计感秋冬内搭打底衫修身上衣</span>
						</div>
						<div class="list-desc">
							<span>入选百元时髦女装神店榜</span>
						</div>
						<div class="list-price">
							<span>￥</span>
							<span>1598</span>
						</div>
					</li>
					<li>
						<img src="img/img5.jpg" alt="" />
						<div class="list-title">
							
							<span>德绒保暖内衣女带胸垫2024秋冬季加绒厚内搭打底衫发热秋衣裤套装</span>
						</div>
						<div class="list-desc">
							<span>礼盒装围巾热销榜·第2名</span>
						</div>
						<div class="list-price">
							<span>￥</span>
							<span>159</span>
						</div>
					</li>
					<li>
						<img src="img/img1.jpg" alt="" />
						<div class="list-title">
							
							<span>上海故事羊毛围巾女冬季刺绣披肩送妈妈生日礼物2024新款羊绒礼</span>
						</div>
						<div class="list-desc">
							<span>退货宝·包邮</span>
						</div>
						<div class="list-price">
							<span>￥</span>
							<span>59</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		
		
		
		
		
		
		<!-- 客服 -->
		
		<div class="service-box">
			<ul>
				<li>
					<p><span class="iconfont icon-gongyepin"></span></p>
					<p>官方插件</p>
				</li>
				<li>
					<p><span class="iconfont icon-xiaoxi"></span></p>
					<p>消息</p>
				</li>
				<li>
					<p><span class="iconfont icon-gouwuchefill"></span></p>
					<p>购物车</p>
				</li>
				<li>
					<p><span class="iconfont icon-kefu"></span></p>
					<p>官方客服</p>
				</li>
				<li>
					<p><span class="iconfont icon-fankui"></span></p>
					<p>反馈</p>
				</li>
				<li id="totop">
					<p><span class="iconfont icon-fanhuishouye"></span></p>
					<p>回顶部</p>
				</li>
			</ul>
		</div>
		
	<div class="heimo" id="bottomAd">
		<img src="img/hongbao.png" alt="" style="width: 48px;height: 48px;"/>
		<img src="img/denglu.png" alt="" style="width: 332px;height: 48px;" />
						
		<button>立即登录</button>
		<img 
			onclick="colseAd()"
			style="cursor: pointer;"
		src="img/chahao.png" alt="" style="width: 28px;height: 28px; " />
		
	</div>
	<script>
		function showDl(){
			var dl = document.getElementById('down-list');
			dl.style.display='block'
		}
		function hideDl(){
			var dl = document.getElementById('down-list');
			dl.style.display='none'
		}
		//左侧导航
		//获取元素
		var navUl = document.getElementsByClassName('ser-nav');
		var navLi = navUl[0].children;
		var navCon = document.getElementById('aaa');
		for(var i=0;i<navLi.length;i++){
			navLi[i].onmouseover =function(){
				navCon.style.display = 'block';
			}
			navLi[i].onmouseover =function(){
				navCon.style.display = 'none';		
			}
		}
			
		
		
		
		
		
		
		//关闭广告swxcss
		function colseAd(){
			var ad = document.getElementById('bottomAd');
			ad.style.display = 'none';
		}
		
		//返回头部
		var toTop = document.getElementById('totop');
		window.onscroll =function(){
			var scroTop = window.pageYOffset;
			
			if(scroTop>=200){
				toTop.style.display='block';
			}else{
				toTop.style.display='none';
			}
		}
		//点击返回头部
		toTop.onclick = function(){
			window.scrollTo(0,0);
		}
		
		
		
		
		
		//倒计时广告
		var freeAd = document.getElementById('free-ad');
		var adText = document.getElementById('ad-text');
		var adBtn = document.getElementById('ad-btn');
		var num = 10;
		var timer = setTimeout(function(){
			freeAd.style.display='block';
			
			var timer1 = setInterval(function(){
				num--;
				adText.innerHTML = '还有'+num+'s关闭广告’;
				if(num==0){
					freeAd.style.display='none';
					clearTimeout(timer);
					clearInterval(timer1);
				}
				},1000);
		},5000);
		
	</script>
	<!-- 管不广告0 -->
	<div id="free-ad">
		<span  id="ad-text">还有10秒关闭广告</span>
		<span id="ad-btn">x</span>
	</div>
	
	
	
	
	
	
	<br /><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	</body>
</html>
